/*html {margin: 0;padding: 0;}
body{overflow-x: hidden;padding: 0;}*/
.dropdown1 {
    position: relative;
}
.dropdown1 > .dropdown-menu {
    top: 30;
    left: 0%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown1:hover > .dropdown-menu {
    display: block;
}
.dropdown1:hover > a:after {
    border-left-color: #fff;
}
.navbar-nav>li>.dropdown-menu{
	background-color:rgb(54,54,54);
}
.dropdown-menu>li>a{
	color: lightgrey;
}
.dropdown-menu>li>a:hover{
	color: white;
	background-color: #333;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    background-color:rgb(54,54,54);
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
/*.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: 2px;
}*/
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.header-top .container-left {
	float: left;
	height: 60px;
	line-height: 60px;
}
.container-left a {
	display: block;
	text-align: center;
}
.container-right {
	float: right;
	padding-top: 8px;
}

.container-right ul.parent:first-child{
	float: left;
	list-style: none;
	display: block;
}
.container-right .parent li{
	position: relative;
	display: inline-block;
}
.container-right .parent  li a{
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-shadow: 0 0 8px rgba(255,255,0,0.3);
	font-weight: 400;	
	font-size: 1.0em;
	margin:0.8em;
	color: black;
}
.container-right .menu {
	display: none;
}
.container-right .parent li:hover>ul {
		display: block;
}
.container-right .parent ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 40px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	border-radius: 5px;
	width: 8em;
}
.container-right .parent ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	background-color: yellow;
	font-size: 1.0em;
	margin-bottom: 2px;
	width: 10em;
	border-radius: 5px;
}
.container-right ul ul li a{
	display: block;
	font-size: 0.8em;
	text-align: left;
	
}
.container-right ul .navigation-second ul {
	margin-left: 10em;
	top: 0px;
}
.container-right .parent ul li:hover{
	background-color: lawngreen;
}

.slidebar-navigation-product{margin-top: -69px;}
.slidebar-navigation-product ul{padding-left:0;list-style: none;height: 70px;width: 840px;position: relative;overflow: hidden;margin: 0 auto;z-index: 1001;}
.slidebar-navigation-product li{float: left;width: 120px;height: 70px;background: rgb(232,232,232);text-align: center;line-height: 70px;color: #000000}
.slidebar-navigation-product li a{text-decoration: none;width: 120px;height: 70px;display: block;color: black;font-family: "宋体";font-size: 14px;}
.slidebar-navigation-product li a:hover{background: rgb(8,155,216);color: #ffffff}

.slidebar-pannel{position: fixed;right: 0;top: 280px;width: 50px;height: 164px;background-color: white;z-index: 1002;box-shadow: 0 0 10px gray;}
.slidebar-mobile {height: 54px;text-align: center;line-height: 54px; }
.slidebar-mobile a{display: block;}
.slidebar-mobile img{width: 40px;height: 30px;}

section.content {
	text-align: center;
	/*padding-bottom: 140px;*/
	margin-top: 100px;
	width: 100%;
}
.content .edu-title {
	 margin-bottom: 100px;
}
.content .edu-title h2{
	font-size: 24px;
}
.content .vms-product {
	 width: 100%;
	 height: 600px;
	 position: relative;
}
.content .vms-product .home-info {
	width: 1200px;
	position: relative;
	z-index: 10;
	left: 50%;
	margin-left: -600px;
	margin-top: -20px;
}
.content .vms-product .home-info .box1 {
	width: 50%;
	position: relative;
	background-color: transparent;
}
.content .vms-product .home-info .pull-left {
	float: left;
}
.content .vms-product .home-info .h-140{
	height: 131px;
}
.content .vms-product .home-info .box1 .icon-orange {
	width: 296px;
	height: 131px;
	top: 0px;
	left: 20px;
	background: url(../images/live1.png) no-repeat;
	background-size: cover;
	position: absolute;
}
.content .vms-product .home-info .db .menu {
	 position: absolute;
	 left: 321px;
	 top: 12px;
	 font-size: 24px;
}
.home-info .zb .menu {
	 position: absolute;
	 left: 297px;
	 top: 12px;
	 font-size: 24px;
}
 .home-info .db dl.info {
	margin-left: 140px;
	margin-top: 40px;
	width: 290px;
	position: relative;
	z-index: 10;
}
 
.home-info .db .more {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-align: left;
}
.home-info .db .text-info a {
	font-size: 14px;
	color: green;
	cursor: pointer;
	text-align: left;
}
.pull-right {
	float: right;
}
.home-info .cdn .icon-tran {
	width: 424px;
	height: 131px;
	top: 0px;
	right: 20px;
	background: url(../images/storage1.png) no-repeat;
	background-size: cover;
	position: absolute;
}
.home-info .cdn .menu {
	position: absolute;
	left: 173px;
	top: 12px;
	font-size: 24px;
}
.home-info .cdn dl.info {
	position: absolute;
	left: 200px;
	top: 2px;
	font-size: 24px;
	margin-top: 32px;
	width: 290px;
}
 .home-info .cdn .more {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-align: left;
}
.home-info .cdn .text-info a{
	font-size: 14px;
	color: green;
	cursor: pointer;
	text-align: left;
}
.home-info .clear {
	height: 0;
	line-height: 0;
	overflow: hidden;
	clear: both;
}
.home-info .h-112 {
	height: 130px;
}
.home-info .icon-rec {
	width: 296px;
	height: 130px;
	top: 0px;
	left: 20px;
	background: url(../images/trans1.png) no-repeat;
	 background-size: cover;
	 position: absolute;
}
.home-info .zb .info {
	margin-left: 124px;
	margin-top: -40px;
	width: 270px;
	position: relative;
	z-index: 10;
}
.home-info .zb .more {
	color: #888;
	text-align: left;
}
.home-info .zb .menu {
	font-size: 24px;
}
.home-info .zb .text-info a {
	font-size: 14px;
	color: green;
	cursor: pointer;
	text-align: left;
}
.home-info .pingtai .icon-storage {
	width: 424px;
	height: 130px;
	top: 0px;
	right: 20px;
	background: url(../images/bance1.png) no-repeat; 
	background-size: cover;
	position: absolute;
}
.home-info .pingtai .menu {
	position: absolute;
	left: 212px;
	top: 12px;
	font-size: 24px;
}
.home-info .pingtai .info {
	margin-left: 214px;
	margin-top: 40px;
	width: 290px;
	position: relative;
	z-index: 10;
}
.home-info .pingtai .more {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-align: left;
	
}
.home-info .dn .more {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-align: left;
	
}
.home-info .bz .more {
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-align: left;
	
}
.home-info .text-info a {
	font-size: 14px;
	color: green;
	cursor: pointer;
	text-align: left;
}
.home-info .bz .icon-bance {
	width: 296px;
	height: 131px;
	top: 0px;
	left: 20px;
	background: url(../images/rec1.png) no-repeat; 
	background-size: cover;
	position: absolute;
}
.home-info .bz .menu {
	position: absolute;
	left: 321px;
	top: 12px;
	font-size: 24px;
}
.home-info .bz .info {
	margin-left: 140px;
	margin-top: 40px;
	width: 290px;
	position: relative;
	z-index: 10;
}
.home-info .dn .icon-border {
	 width: 424px;
	 height: 131px;
	 top: 0px;
	 right: 20px;
	 background: url(../images/brim1.png) no-repeat; background-size: cover;position: absolute;"
}
.home-info .dn .menu {
	 position: absolute;
	 left: 200px;
	 top: 12px;
	 font-size: 24px;
}
.home-info .dn .info {
	 margin-left: 200px;
	 margin-top: 35px;
	 width: 290px;
	 position: relative;
	 z-index: 10;
}
.vms-product .circle {
	background: url(../images/circleone.png) no-repeat top center;
	/*background-size: 100% 100%;*/
	position: absolute;
	z-index: 11;
	width: 392px;
	height: 392px;
	top: 1px;
	left: 50%;
	margin-left: -178px;
	background-size: cover;
}
.vms-product .circle .circle-vmsinfo {
	position: relative;
	z-index: 12;
	width: 160px;
	top: 60px;
	left: 50%;
	margin-left: -80px;
}

.vms-product .circle .circle-vmsinfo .circle-vms {
	background: url(../images/vms2.png) no-repeat center;
	height: 100px;
}
.vms-product .db-bg {
	 background: rgb(255,255,255);
	 width: 50%;
	 position: absolute;
	 z-index: 1;
	 left: 0;
	 top: 2px;
	 height: 131px;
}
.vms-product .cdn-bg {
	 background: rgb(255,255,255);
	 width: 50%;
	 position: absolute;
	 z-index: 1;
	 right: 0;
	 top: 2px;
	 height: 131px;
}
.vms-product .zg-bg {
	 background: rgb(255,255,255);
	 width: 50%;
	 position: absolute;
	 z-index: 1;
	 left: 0;
	 top: 131px;
	 height: 130px;
}
.vms-product .pingtai-bg {
	background: rgb(255,255,255);
	 width: 50%;
	 position: absolute;
	 z-index: 1;
	 right: 0;
	 top:131px;
	 height: 130px;
}
.vms-product .zg-bo {
	background: rgb(255,255,255);
	width: 50%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 262px;
	height: 131px;
}
.vms-product .pingtai-bo {
	 background: rgb(255,255,255);
	 width: 50%;
	 position: absolute;
	 z-index: 1;
	 right: 0;
	 top: 262px;
	 height: 131px;
}
.circle .vms-info {
	 font-size: 12px;
	 line-height: 20px;	
}
@media (max-width: 1280px){
	.content .vms-product .home-info {
		width: 960px;
		margin-left: -480px;
	}
	.home-info .db dl.info {
		width: 210px;
	}
	.home-info .zb dl.info {
		width: 180px;
	}
	.home-info .bz dl.info {
		width: 210px;
	}
	
	.home-info .dn dl.info {
		width: 180px;
	}
	.home-info .cdn dl.info {
		width: 180px;
	}
	.home-info .pingtai dl.info {
		width: 180px;
	}
	.content .vms-product .home-info .box1{
		width: 50%;
	}
	.content .vms-product .home-info .db .menu {
		left: 290px;
	}
	.home-info .zb .menu {
		left: 190px;
	}
	.home-info .bz .menu {
		left: 137px;
	}
}
section h1 {
	margin-bottom: 140px;
}

section a {
	text-decoration: none;
}
section a:hover {
	text-decoration: none;
}
a:focus {
	outline: 0;
}
	
.phoneus a {
	text-decoration: none;
	display: block;
	color: #337ab7;
}
.phoneus a:hover {
	text-decoration: underline;
	display: block;
	color: rgb(51,51,51);
}
.row .topheight {
	margin-top: 150px;
	margin-bottom: 10px;
}
.col-md-3 img {
	vertical-align: middle;
	width: 80px;
	height: 80px;
}
/*.col-md-4,.col-md-3 {
	text-align: center;
}
.col-md-5 .col-sm-5{
	text-align: center;
}*/
.col-sm-3 {
	text-align: center;
}
.carousel-control:focus, .carousel-control:hover {
	color: crimson;
}

section.company .container .col-md-6 span{
	font-family: "黑体";
	font-size: 14px;
	font-weight: 120;
	
}
.company .container .col-sm-6 .topheight{
		margin-top: 210px;
		padding-left: 140px;
	}
}

h1,h2,h3 {
	font-family: "微软雅黑";
}
section.chuanmeibg {
	background: rgb(234,234,234);
	padding-top: 100px;
	padding-bottom: 100px;
}
section.company {
	padding-top: 100px;
	padding-bottom: 100px;
}
h4 {
	color: rgb(113,192,0);
}
.company .container .heighttop {
	margin-top: 40px;
}
.onlinecompany {
	padding-bottom: 200px;
	padding-top: 280px;
	
}
.anjiancompany{
	background: rgb(173,214,216);
	padding-top: 100px;
	padding-bottom: 200px;
}
.anjiancompany .container .heighttop {
	margin-top: 220px;
	padding-bottom: 50px;
	background-color: white;
}
.company-title {
	font-family: "黑体";
	font-size: 16px;
}
.captionposition .carousel-des {
	position: relative;
	top: 0px;
	left: 120px;
}
.carousel-des .apply {
	border: 2px solid white;
	text-align: center;
	width: 18%;
	height: 50px;
	line-height: 48px;
	margin-top: 30px;
}
.carousel-des .apply a {
	display: block;
	color: white;
	font-size: 18px;
}
.captionposition .carousel-right {
	position: relative;
	top: 0px;
	right: 200px;
	text-align: right;
}
.carousel-right .babaili {
	display:block;
	float:right;
	border: 2px solid white;
	text-align: center;
	width: 18%;
	height: 60px;
	line-height: 58px;
	margin-top: 30px;
}
.carousel-right .babaili a {
	display: block;
	color: white;
	font-size: 22px;
}
@media (min-width: 320px ) {
	.carousel-right .babaili {
		width: 28%;
	}
}	
@media (max-width:768px ) {
	.newinfo .news-datemonth {
		font-size: 12px;
	}
	span.menu{
		display: block;
		text-align: right;
		cursor: pointer;
		position: relative;
	}
	
	.container-right .menu{
		display: block;
		margin-top: 0px;
	}
	.container-right .menu{
		display: block;
		margin-top: 0px;
	}
	.container-right ul{
		display: none;
		background-color: #1F262D;
		width: 100%;
		z-index: 9999;
		left: 0%;
		padding-right: 3em;
		position: absolute;
		border: 0;
	}
	
	.container-right ul li{
		display: block;
		float:none;
		padding:  0.4em;
		text-align: center;
		width: 100%;
		position: relative;
	}
	.container-right .parent  li a{
		color: white;
		text-shadow:0 1px 1px rgba(255,255,0,1),
               0 -1px 1px rgba(0,0,0,0.3);
	}
	
	.container-right ul li ul {
		display: none;
	}
	
	.container-right ul li ul li ul{
		display: none;
	}
	.container-right ul li:hover ul {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	.container-right ul li:hover ul li{
		display:block;
		width: 100%;
		text-align: center;
		background: none;
	}
	.container-right ul li:hover ul li a{
		color: white;
		text-shadow:0 1px 1px rgba(255,255,0,1),
               0 -1px 1px rgba(0,0,0,.3);
	}
	.container-right ul li:hover ul li:hover{
		background: none;
	}
	.container-right ul li ul li ul {
		top: 0;
		right: 0;
		position: absolute;
		background-color: #1F262D;
	}
	.container-right ul li:hover ul li ul{
		display:none;
		margin-left: 0em;
		width: 100%;
	}
	.container-right ul li:hover ul li ul li{
		display:block;
		height: 26px;
		text-align: center;
		
	}
	.container-right ul li:hover ul li ul li a{
		color: white;
	}
	.container-right ul li ul li:hover ul {
		display: block;
	}

	.container-right .parent li:hover>ul {
		display: block;
	}
	.container-right ul li{
		float: none;
		background:none;
	}
	.menu-right {
	  margin-top: 4px;
	}
	.logo {
	  margin-top: 0em;
	}
	.header-top {
	  padding: 1.5em 0;
	}
	.newinfo .news-datemonth {
		font-size: 12px;
	}
	
}
.navbar-brand {
	background:url(../images/logocommon.png) no-repeat center;
	background-size: cover;
	width: 88px;
	height: 38px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0;	
	margin-top: 8px;
}
/*.dropdown-menu {
	background-color: rgba(0,0,0,0.3);
}*/
.nav-banner {
	margin-top: -20px;
}
.nav-banner ul{
	height: 60px;
	width: 640px;
}
.nav-banner ul li{
	float: left;
	background-color: white;
	display: block;
	height: 60px;
	width: 90px;
	text-align: center;
	line-height: 60px;
}
.nav-banner ul li a{
	cursor: pointer;
	height: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 60px;
}
@media screen and (min-width:768px ) {
	.carousel-right .babaili {
		width: 22%;
	}
	.carouselposition {
		bottom: 80px;
		width: 30%;
		margin-left: -15%;
	}
	.captionposition {
		bottom: 42px;
	}
	.col-sm-5 img {
		width: 300px;
		height: 400px;
	}
	.company .container .topheight{
		padding-top: 60px;
		/*padding-left: 50px;*/
	}
	.navbar-toggle {
		float: right;
	}
	.navbar-header{
		float: left;
	}
	.navbar-default {
		background-color: rgba(255,255,255,0);
		border-color: rgba(255,255,255,0);
	}
	.mobilenav {
		float: right;
		/*width: 100%;*/
	}
	.mobilenav ul{
		/*width: 100%;*/
		text-align: center;
	}
}
@media screen and (max-width:768px ) {
	.carouselposition {
		width: 30%;
		margin-left: -15%;
		bottom: 30px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background-color: white;
		border-color: white;
	}
	.navbar-default {
		background-color: white;
	}
	.container{
		padding: 0;
		margin: 0;
	}
	.anjiancompany .container .heighttop {
		margin-top: 50px;
	}
}
@media screen and (max-width:320px ) {
	.col-sm-5 img{
		width: 300px;
	}
}
@media screen and (min-width:992px ) {
	.carousel-right .babaili {
		width: 18%;
	}
	.col-md-5 img {
		width: 380px;
		height: 480px;
	}
	.company .container .topheight{
		padding-top: 280px;
		/*padding-left: 160px;*/
	}
	.resetwidth {
		width: 840px;
	}
	.slidebar-navigation-product{margin-top: -70px;padding-left: 10px;}
	.slidebar-navigation-product li{float: left;width: 14%;height: 70px;background: rgb(232,232,232);text-align: center;line-height: 70px;color: #000000}
	.slidebar-navigation-product .container {
		width: 860;
	}
}
@media (max-width:992){
	.slidebar-navigation-product .container {
		width: 860px;
	}
}
@media (min-width:768px ) {
	.anjiancompany .container .heighttop {
		margin-top: 35px;
	}
	 .slidebar-navigation-product{margin-top: -70px;padding-left: 20px;}
	 .slidebar-navigation-product ul{list-style: none;height: 70px;position: relative;overflow: hidden;margin: 0 auto;z-index: 1001;text-align: center;width: 100%;}
	 .slidebar-navigation-product li{float: left;width: 14%;height: 70px;background: rgb(232,232,232);text-align: center;line-height: 70px;color: #000000}
	 .slidebar-navigation-product li a{text-decoration: none;width:100%;height: 70px;display: block;color: black;font-family: "宋体";font-size: 14px;}
	 .slidebar-navigation-product li a:hover{background: rgb(8,155,216);color: #ffffff}
	.slidebar-navigation-product .container {
		width: 748px;
	}
}
@media (min-width:1200px ) {
.captionposition {
	bottom: 70px;
}
.resetwidth {
	width: 1130px;
}
.anjiancompany .container .heighttop {
		margin-top: 160px;
}
.footer .row-babaililogo {
	width: 100%;
	background-color: rgb(43,43,43);
	height: 50px;
	margin-top: -70px;
	margin-bottom: 20px;
}
.footer .col-md-7 {
	padding-left: 90px;
}
.footer .img {
	padding-left: 80px;
}
.slidebar-navigation-product .container {
		width: 1130px;
}
 .slidebar-navigation-product{margin-top: -70px;}
 .slidebar-navigation-product ul{list-style: none;height: 70px;width: 1130px;position: relative;overflow: hidden;margin: 0 auto;z-index: 1001;text-align: center;}
 .slidebar-navigation-product li{float: left;width: 150px;height: 70px;background: rgb(232,232,232);text-align: center;line-height: 70px;color: #000000}
 .slidebar-navigation-product li a{text-decoration: none;width: 150px;height: 70px;display: block;color: black;font-family: "microsoft yahei";font-size: 14px;}
 .slidebar-navigation-product li a:hover{background: rgb(8,155,216);color: #ffffff}
}
@media (max-width:480px) {
	.slidebar-navigation-product {
		/*display: none;*/
		/*border: 1px solid red;
		background: red;*/
		z-index: -1;
	}
	/*.headerchild {
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		background-color: transparent;
		height: 70px;
		z-index: 1009;
		box-shadow: 0 0 25px #020031;
	}*/
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	/*.slidebar-navigation-product{margin-top: 0px;}*/
	.slidebar-navigation-product ul {display: inline-block;width: 100%;height:70px;overflow: hidden;z-index: -1;}
	.slidebar-navigation-product li {
		width: 14.2%;
		height: 70px;
		text-align: left;
		/*overflow: hidden;*/
	}
	.slidebar-navigation-product li a {
		font-size: 12px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
		height: 300px;	
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 10px;
	}
}
.footer {
	background-color: rgb(32,32,32);
	/*padding-top: 20px;*/ 
}
.footer .container .row>a {
	font-family: "微软雅黑";
	font-size: 12px;
	color: darkgray;
	margin-bottom: 5px;
	text-shadow: ghostwhite;
}
.footer .container .row h5 {
	color: white;
	font-family: "微软雅黑";
}
.footer .col-md-5 .img {
	width: auto;
	height: auto;
	margin-top: 10px;
}
.footer .container .babaililogo {
	margin-top: 20px;
	background-color: rgb(43,43,43);
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer .babailibanquan {
	margin-bottom: 20px;
}

.footer .col-md-5 {
	padding-top: 5px;
}
.footer .banquanstyle {
	text-align: center;
}
.dropdown-menu .divider {
	margin: 0px 5px;
}
.dropdown-menu li:hover {
}

.dropdown-menu li a{
	text-align: left;
	padding: 10px 15px;
	background:url(../images/submenu_dark.png) no-repeat right;
}
.dropdown-menu .divider {
	background-color: #3F3F3F;
}
.ottv {
	padding-top: 100px;
	padding-bottom: 100px;
}

.cur{color:#FFF!important;background-color:#E94A37;}
.phoneus {
	position: fixed;
	right: 54px;
	top: 280px;
	width: 200px;
	background-color: white;
	padding-top: 10px;
	padding-left: 18px;
	/*border-bottom-left-radius: 10px;*/
	border-bottom-right-radius: 40px;
	border-top-left-radius: 40px;
	/*border-top-right-radius: 10px;*/
	box-shadow: 0px 8px 10px #0A001F;
	z-index: 1002;
}
.phoneus p {
	line-height: 10px;
	font-family: "微软雅黑";
}
.phoneus .pclass {
	margin-left: 58px;
}
.navbar-default .navbar-nav>li>a {
	font-size: 14px;
	color: white;
}
.navbar-default .navbar-nav>li>a:hover {
	color: white;
}
.headerchild {
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	background-color: rgb(232,232,232);
	height: 70px;
	z-index: 1009;
	box-shadow: 0 0 25px #020031;
}

.contact-contain {
	width: 40px;
	height: 135px;
	position: fixed;
	top: 50%;
	right: 3px;
	border-right: none;
	z-index: 1000;
	background:rgba(255,255,255,.8);
	/*background: white;*/
	margin-top: -90px;
}

.contact-contain ul {
	list-style: none;
}
.contact-contain li{
	position: relative;
}
.contact-contain li{
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.contact-contain li i {
	display: inline-block;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	height: 100%;
	z-index: 100;
	font-weight: 400;
	font-style: normal;
}
.contact-contain li i img {
	width: 40px;
	height: 44px;
	margin-bottom: 3px;
	vertical-align: middle;
}
.contact-contain .service {
	height: 45px;
	background: #0083ca;
	position: absolute;
	right: 0;
	top: 0;
	right: 40px;
	display: none;
}
.contact-contain .service .boxx {
	width: 150px;
}
.contact-contain .service p {
	/*height: 45px;*/
	line-height: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 12px;
	float: left;
	word-wrap: break-word;
}
.contact-contain .service i {
	display: block;
	float: left;
	height: 40px;
	border: none;
}
.contact-contain .service-us {
	width: 0;
	height: 130px;
	background: #0083ca;
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 1000;
	padding-top: 5px;
	display: none;
}
.contact-contain .service-us .boxx {
	width: 200px;
}
.contact-contain .service-us .boxx p {
	line-height: 15px;
	padding-top: 6px;
	width: 110px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	float: left;
	padding-left: 0;
}
.contact-contain .service-us .boxx i {
	display: block;
	float: left;
	width: 35px;
	height: 70px;
	border: none;
}
.ctc-blue-right {
	width: 3px;
	height: 135px;
	background: #0083ca;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -90px;
}
.contact-contain li:nth-child(3) i{border:none}


.mediasolve {
	text-align: center;
}
.mediasolve .media-title {
	 margin-bottom: 60px;
}
.mediasolve .media-title h2 {
	font-size: 24px;
}
.mediasolve .row .pad {
	padding: 0;
}
.mediasolve .edubg,.ottvbg {
	position: relative;
	background-color: rgb(40, 88, 159);
	height: 210px;
	border: 1px solid white;
}
.mediasolve .ottvbg {
	position: relative;
	background-color: rgb(0, 141, 217);
	height: 210px;
	border: 1px solid white;
}
.mediasolve .edu-font {
	position: absolute;
	bottom: 30px;
	left: 20px;
	/*margin-top: 120px;*/
}
.mediasolve .edu-font span {
	color: white;
	font-size: 18px;
}

.mediasolve .icon-href {
	 background: url(../images/xiaotubiao.png) no-repeat;
	 background-size: cover;
	 position: absolute;
	 top: 10px;
	 right:20px;
	 height: 32px;
	 width: 32px;
}
.mediasolve .mediabg{
	 position: relative;
	 background-color: rgb(0, 141, 217);
	 height: 210px;
	 border: 1px solid white;
}
.zfmediabg {
	 position: relative;
	 background-color:rgb(0, 141, 217);
	 height: 210px;
	 border: 1px solid white;
}
.mediasolve .companybg,.anjianbg {
	 position: relative;
	 background-color: rgb(40, 88, 159);
	 height: 210px;
	 border: 1px solid white;
}

.anjianbg:hover,.companybg:hover,.edubg:hover{
	background-color: rgb(67,106,170 );
}
.ottvbg:hover,.mediabg:hover,.zfmediabg:hover {
	background-color: rgb(73,173,228);
}
/*.mediabg:hover,.zfmediabg:hover {
	background-color: rgb(62,146,213);
}*/
/*.companybg:hover,.anjianbg:hover {
	background-color: rgb(62,146,213);
}*/
.oldexample {
	text-align: center;
	margin-top: 100px;
}
.oldexample .examples {
	 background: rgb(1,166,222);
	 height: 70px;
}
.examples-content {
	 background: rgb(1,166,222);
	 padding-top: 8px;
}
.examples-content h2 {
	font-size: 24px;
	color: white;
}
.examples-content .examples ul {
	 text-align: center;
	 list-style: none;
	 height: 70px;
	 overflow: hidden;
	 width: 100%;
}
.examples-content .examples ul li {
	 float: left;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 width: 16%;
}
.examples-content .examples ul li a {
	height: 100%;
	text-align: center;
	height: 70px;
	line-height: 90px;
	width: 50%;
	text-decoration: none;
	color:white;
	font-size: 14px;
}
.nav-tabs>li>a {
	border: none;
}
.nav-tabs>li>a:hover {
	border-bottom: 1px solid darkgreen;
}
.nav-tabs1>li.active>a, .nav-tabs1>li.active>a:focus, .nav-tabs1>li.active>a:hover {
	border-bottom: 3px solid darkgreen;
}
.nav-tabs1 a.active {
	border-bottom: 3px solid darkgreen;
}
.bannerinfo {
	 background: rgb(78,78,78);
	 padding-top: 60px;
	 margin-bottom: 100px;
}
.comban {
	margin-top: 23px;
	margin-left: 2px;
}
.carouselposition1 {
	bottom: 200px;
}
.bannerinfo .bannerbg {
	border: 1px solid transparent;
	width: 656px;
	height: 557px;
	background: url(../images/com.png) no-repeat;
}
.babaili-news {
	margin-bottom: 100px;
}
.babaili-news .news-title {
	 text-align: center;
}
.babaili-news .news-title h2 {
	 font-size: 24px;
	 margin-bottom: 60px;
}
.newinfo {
	 width: 45%;
	 height: 121px;
	 line-height: 150px;
	 float: left;
	 margin-right: 5%;
	 margin-top: 45px;
}
.newinfo .news-date {
	 width: 12%;
	 height:120px ;
	 float: left;
}
.newinfo .news-datemonth {
	background: lightgray;
	height: 57px;
	width: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 57px;
	color: #888;
}
.newinfo .news-dateday {
	 height: 63px;
	 width: 100%;
	 font-size: 20px;
	 text-align: center;
	 line-height: 63px;
	 color: #888;
}
.newinfo .news-detail {
	 height: 120px;
	 width: 88%;
	 float: left;
}
.newinfo .news-detail .news-linktitle {
	 width: 100%;
	 height: 50px;
	 margin-top: 10px;
	 line-height: 49px;
	 /*border: 1px solid red;*/
}
.newinfo .news-detail .news-linktitle .pull-left span {
	 color: rgb(1,166,222);
	 font-size: 15px;
	 margin-left: 20px;
	 font-family: '微软雅黑';
	 font-weight: bold;
}
.newinfo .news-detail .news-descriptiion {
	 height: 60px;
	 border: 1px solid transparent;
	 line-height: 61px;
	  line-height: 50px;
	 /*border: 1px solid red;*/
}
.newinfo .news-detail .news-descriptiion p {
	line-height: 20px;
	color: #888;
	padding-left: 20px;
}
.combg {
	/*background: url(../images/foot-bg.gif) no-repeat;*/
	/*background-size: cover;*/
	margin-bottom: 0px;
}
.footer .boottombar {
	/*margin-top: 50px;*/
	/*padding-bottom: 18px;*/
}

.article-content {
	background: rgb(250,250,250);
}
.article-content .article-tab ul {
	list-style: none;
	text-align: center;
	height: 70px;
	width: 100%;
	border-bottom: 1px solid gainsboro;
}
.article-content .article-tab ul li {
	float: left;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 15%;
	border-right: 1px solid gainsboro;
	/*border-top: 3px solid white;*/
}

.article-content .article-tab ul li a{
	text-align: center;
	height: 70px;
	line-height: 70px;
	width: 100%;
	text-decoration: none;
	color: black;
	font-size: 14px;
	
}
.nav-tabs2>li.active>a, .nav-tabs2>li.active>a:focus, .nav-tabs2>li.active>a:hover {
	border-top: 3px solid rgb(33,138,196);
	font-weight: bold;
}
.pp {
    
    line-height: 1.2em;
    height: 3em;
    overflow : hidden;
    /*text-overflow: ellipsis;*/
    position: relative;
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.pp:after {
	/*content:"...";*/
    /*font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;*/
    /*background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;*/
}
@media (max-width:992px ) {
	.newinfo .news-datemonth {
		font-size: 12px;
	}
	.newinfo .news-dateday {
		font-size: 12px;
	}
}

}

.userinfo {
	background: rgb(238,238,238);
}
.userinfo .user-liucheng {
	max-width: 1170px;
	background: white;
	margin: 0 auto;
	padding-bottom: 60px;
}
.userinfo .user-apply-nav{
	height: 200px;
}
.userinfo ul {
	 list-style: none;
	 border-bottom: 1px solid lightgrey;
	 width: 100%;
	 height: 150px;
	 line-height: 150px;
	 width: 96%;
	 margin: 0 auto;
}
.userinfo ul  li {
	text-align: center;
	width: 33%;
}
.userinfo ul li .title-circle {
	 border-radius: 50%;
	 border: 2px solid rgb(109,175,225);
	 display:inline-block;
	 height: 50px;
	 width: 50px;
	 line-height: 50px;
	 text-align: center;
	 font-size: 24px;
}
.userinfo ul li .active{
	 background: rgb(109,175,225);
	 color: white;
}
.userinfo ul li .yuan{
	 color: black;
}
.userinfo ul li .title-mean {
	color:rgb(109,175,225);
	font-size: 18px;
	font-family: '微软雅黑';
}
.userinfo ul li .title-mean-yuan {
	color:black;
	font-size: 18px;
	font-family: '微软雅黑';
}
.form-info {
	text-align: center;
	padding-bottom: 20px;
}
.form-info .attributeinfo {
	height:42px;
	line-height: 42px;
	margin-bottom: 30px;
	text-align: left;
}
.form-info .lablename {
	font-size: 18px;
	font-weight: 400;
}
.form-info .inputinfo {
	border:1px solid lightgray;
	border-radius: 5px;
	width: 420px;
	outline: none;
	font-size: 20px;
	padding-left: 10px;
	margin-left: 6px;
}
.btnapply {
	text-align: center;
	margin-top: 60px;
}
.contact {
	text-align: center;
	margin-top: 100px;
	padding-bottom: 150px;
}
.contact .contact-content {
	 width: 360px;
	 margin: 0 auto;
	 height: 60px;
	 line-height: 60px;
}
.contact .contact-content .tell-img {
	background: url(../images/6.png) no-repeat;
	height: 47px;
	width: 47px;
	margin-top: 10px;
	display: block;
}
.contact .contact-content .font {
	 font-size: 20px;
}
@media (min-width: 1600px) {
	.captionposition {
		bottom: 180px;
	}
}
 
 
 